<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            
        <script type="text/javascript" src="js/plugins/fg.menu.js"></script>

        <link type="text/css" href="css/fg.menu.css" media="screen" rel="stylesheet" />
        <script type="text/javascript" src="js/index.js"></script>
        <link href="css/General.css" type="text/css" rel="stylesheet"/>
        <title></title>
        <style type="text/css">
	body { font-size:62.5%; margin:0; padding:0; }
	#menuLog { font-size:1.4em; margin:20px; }
	.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
	
	.fg-button { clear:left; margin:0 4px 40px 20px; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	a.fg-button { float:left; width: 134px; }
	button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }
	</style>
        <script type="text/javascript">    
            $(function(){
                // BUTTONS
                $('.fg-button').hover(
                        function(){ $(this).removeClass('ui-state-default').addClass('ui-state-focus'); },
                        function(){ $(this).removeClass('ui-state-focus').addClass('ui-state-default'); }
                );

                // MENUS    	
                        $('#flat').menu({ 
                                content: $('#flat').next().html(), // grab content from this page
                                showSpeed: 400 
                        });
                        $('#flat2').menu({ 
                                content: $('#flat2').next().html(), // grab content from this page
                                showSpeed: 400 
                        });
                        $('#flat3').menu({ 
                                content: $('#flat3').next().html(), // grab content from this page
                                showSpeed: 400 
                        });

                        $('#hierarchy').menu({
                                content: $('#hierarchy').next().html(),
                                crumbDefaultText: ' '
                        });

                        $('#hierarchybreadcrumb').menu({
                                content: $('#hierarchybreadcrumb').next().html(),
                                backLink: false
                        });

                        // or from an external source
                        $.get('menuContent.html', function(data){ // grab content from another page
                                $('#flyout').menu({ content: data, flyOut: true });
                        });
            });
        </script>
    </head>
    <body>
            <a tabindex="0" href="#maestros" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all" id="flat">
                    <span class="ui-icon ui-icon-triangle-1-s"></span>Maestros</a>
            <div id="maestros" class="hidden">
                <ul>
                    <li><a href='#' onclick='redireccion(this)' name='VistaDocente.php'>Docentes</a></li>
                    <li><a href='#' onclick='redireccion(this)' name='VistaAcudiente.php'>Acudientes</a></li>
                    <li><a href='#' onclick='redireccion(this)' name='VistaEstudiante.php'>Estudiantes</a></li>
                    <li><a href='#' onclick='redireccion(this)' name='VistaAsignaturas.php'>Asignaturas</a></li>
                    <li><a href='#' onclick='redireccion(this)' name='VistaCursos.php'>Cursos</a></li>
                    <li><a href='#' onclick='redireccion(this)' name='VistaAcontecimientos.php'>Acontecimientos</a></li>
                </ul>
            </div>

            <a tabindex="0" href="#informes" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all" id="flat2">
                <span class="ui-icon ui-icon-triangle-1-s"></span>Informes</a>
            <div id="informes" class="hidden">
                <ul>
                    <li><a href="#" onclick='redireccion(this)' name='InformeHojaVida.php'>Hoja de vida</a></li>
                    <li><a href="#" onclick='redireccion(this)' name='InformeAcontecimientos.php'>Faltas disciplinarias</a></li>
                    <li><a href="#" onclick='redireccion(this)' name='InformeFaltas.php'>Acontecimientos significativos</a></li>
                </ul>
            </div>

            <a tabindex="0" href="#ayuda" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all" id="flat3">
                <span class="ui-icon ui-icon-triangle-1-s"></span>Ayuda
            </a>    
            <div id="ayuda" class="hidden">
                <ul>
                    <li><a href='#' onclick='redireccion(this)' name='AcercaDe.php'>Acerca de</a></li>
                </ul>
            </div>   
    </body>
</html> 